<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Protesto - Pesquisar
            <script>
                function title() {
                    document.getElementById('protesto').className='selected';
                }
                window.onload=title;
            </script>

        </ui:define>

        <ui:define name="breadcrumb"></ui:define>

        <ui:define name="sidebar">
            <div class="gn-scroller">
                <ul class="gn-menu">
                    <li>
                        <a class="gn-icon gn-icon-add" href="criarProtesto.xhtml">Cadastrar</a>
                    </li>
                </ul>
            </div>
        </ui:define>

        <ui:define name="content">
            <h:form id="pesquisarProtestoForm" enctype="multipart/form-data"   >           

                <p:messages id="pesquisarProtestoMessages" autoUpdate="true" />
                <f:validateBean disabled="true">

                    <p:fieldset legend="Protocolo" id="protocoloPanel" >
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Protocolo" for="protocoloInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="protocoloInputText" 
                                             autocomplete="false"
                                             value="#{managerPesquisarProtesto.protocolo.id}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '', aDec: '', vMin:0, wEmpty: '0', mDec: 0});" >
                                </p:inputText>
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Interessado" for="interessadoInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="interessadoInputText"  readonly="true" 
                                             value="#{managerPesquisarProtesto.protocolo.cliente.nome}" >

                                </p:inputText>
                            </div>
                        </div>

                    </p:fieldset>
                    <p:fieldset legend="Título" id="tituloPanel" >
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Espécie do Protesto" for="especieProtestoSelect" />
                            </div>
                            <div class="column9">
                                <p:selectOneMenu id="especieProtestoSelect" value="#{managerPesquisarProtesto.protesto.especieProtesto}">
                                    <f:selectItems value="#{enums.especieProtesto()}" />
                                </p:selectOneMenu>
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Ação" for="acaoSelect" />
                            </div>
                            <div class="column3">
                                <p:selectOneMenu id="acaoSelect" value="#{managerPesquisarProtesto.protesto.acaoProtesto}">
                                    <f:selectItems value="#{enums.acaoProtesto()}" />
                                </p:selectOneMenu>
                            </div>
                            <div class="column3">
                                <p:outputLabel value="Data Ação" for="dataAcaoInputText" />
                            </div>
                            <div class="column3">
                                <p:calendar id="dataAcaoInputText"
                                            value="#{managerPesquisarProtesto.protesto.dataAcao}"
                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                            </div>
                        </div>  
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Número" for="numeroInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="numeroInputText" value="#{managerPesquisarProtesto.protesto.numeroTitulo}"/>
                            </div>
                            <div class="column3">
                                <p:outputLabel value="Espécie do Título" for="especieAutocomplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="especieAutocomplete" completeMethod="#{managerCriarEspecieTitulo.autocomplete}"
                                                converter="conversorespecietitulo"  forceSelection="true" dropdown="true" 
                                                var="especie" itemValue="#{ especie }"
                                                itemLabel="#{ especie.sigla }"
                                                value="#{managerPesquisarProtesto.protesto.especieTitulo}"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Data Emissão do Titulo" for="emissaoInputText" />
                            </div>
                            <div class="column3">
                                <p:calendar id="emissaoInputText"
                                            value="#{managerPesquisarProtesto.protesto.dataEmissaoTitulo}"
                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                            </div>
                            <div class="column3">
                                <p:outputLabel value="Vencimento do Titulo" for="vencimentoInputText" />
                            </div>
                            <div class="column3">
                                <p:calendar id="vencimentoInputText"
                                            value="#{managerPesquisarProtesto.protesto.vencimentoTitulo}"
                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                            </div>
                        </div>
                    </p:fieldset>
                </f:validateBean>
                <div class="buttonAction">
                    <p:commandButton value="Pesquisar"
                                     actionListener="#{managerPesquisarProtesto.pesquisar()}"
                                     process="@form"
                                     styleClass="ui-priority-primary"
                                     update="@form" 
                                     icon="ui-icon-search" />
                    <p:button value="Cancelar" icon="ui-icon-cancel" 
                              href="pesquisarProtesto.xhtml" />
                </div>

                <p:panel styleClass="column12" id="resultadoPanel" style="background: none; border: none;">
                    <p:dataTable value="#{managerPesquisarProtesto.protestos}"
                                 emptyMessage="Nenhum protesto encontrado" 
                                 var="p">
                        <f:facet name="header">
                            Resultado
                        </f:facet>
                        <p:column headerText="#">
                            <p:button icon="ui-icon-search"
                                      outcome="criarProtesto.xhtml">
                                <f:param name="protestoId"  value="#{p.id}"/>
                                <f:param name="visualizar"  value="#{true}"/>
                            </p:button>
                        </p:column>
                        <p:column headerText="Data">
                            <p:outputLabel value="#{p.dataProtesto}" >
                                <f:convertDateTime locale="pt" pattern="dd/MM/yyyy"/>
                            </p:outputLabel>
                        </p:column>
                        <p:column headerText="Protocolo">
                            <p:outputLabel value="#{p.protocolo.id}" />
                        </p:column>
                        <p:column headerText="Número">
                            <p:outputLabel value="#{p.numeroTitulo}" />
                        </p:column>
                        <p:column headerText="Ação">
                            <p:outputLabel value="#{p.acaoProtesto.nome}" />
                        </p:column>
                        <p:column headerText="Espécie">
                            <p:outputLabel value="#{p.especieProtesto.nome}" />
                        </p:column>
                        <p:column headerText="Apresentante">
                            <p:outputLabel value="#{p.apresentante.nome}" />
                        </p:column>
                        <p:column headerText="Devedor(es)">
                            <ui:repeat value="#{p.devedor}" var="dev">
                                <p:outputLabel value="#{dev.nome}" />
                            </ui:repeat>
                        </p:column>


                    </p:dataTable>
                </p:panel>

            </h:form>
        </ui:define>      

    </ui:composition>

</html>
